<!DOCTYPE html>
<html>
<head>
<script type="text/javascript"
	src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script>

<style>
.example {
	color: white;
	padding-left: 3px;
}

#example1 {
	width: 100px;
	height: 70px;
	background-color: red;
}

#example2 {
	width: 70px;
	height: 100px;
	background-color: blue;
}
</style>
</head>
<body>
	<div id="example1" class="example">example1</div>
	<div id="example2" class="example">example2</div>
	<script type="text/javascript">
    jQuery('#example2').position({
      my : 'left top',
      at : 'right bottom',
      of : $('#example1')
    });
  </script>
</body>
</html>
